﻿//**********************图片上传预览插件************************
// 作者：zhaojun(2009-07-01)
// Email：13040@qq.com
// 版本：1.0
// hTML5实现表单内的上传文件框，上传前预览视频，刷新预览video，使用HTML5 的File API,
// 建立一个可存取到该file的url，一个空的video标签，ID为video0,把选择的文件显示在video标签中，实现视频预览功能。
// 需要选择支持HTML API的浏览器。
//**********************图片上传预览插件*************************
(function($) {
	$(".J_videofile").change(function(){
		var objUrl = getObjectURL(this.files[0]);
		console.log("objUrl:", objUrl);
	    var previewObj = $(this).parent().parent().find('div.J_preview>video');
		if(objUrl){
			previewObj.attr("src", objUrl);
		}
	});
	//建立一个可存取到该file的url
	function getObjectURL(file){
		var url = null;
		if (window.createObjectURL!=undefined){ // basic
			url = window.createObjectURL(file);
		} else if (window.URL!=undefined){ // mozilla(firefox)
			url = window.URL.createObjectURL(file);
		} else if (window.webkitURL!=undefined){ // webkit or chrome
			url = window.webkitURL.createObjectURL(file);
		}
		return url;
	}
})(jQuery);